var layer;
var $;
var element;
var form;
var laydate;
var table;
layui.use(['element','layer','laydate','form','table'], function(){
    layer = layui.layer;
    $ = layui.jquery;
    element = layui.element;
    form = layui.form;
    laydate = layui.laydate;
    table = layui.table;
    //执行一个laydate实例
    laydate.render({
        elem: '#createTime', //指定元素
        type: 'date',
        trigger: 'click' //时间时间为点击事件
    });
    load();
    selIndexUserTab();
})
/**
 *  点击事件  刷新  返回
 *  高级检索
 * */
function load(){
    $(".tit_btn").bind('click',function(){
        location.reload();
    })
    $(".tit_btn2").bind('click',function(){
        window.history.go(-1);  //返回上一页
    })
    $("#index_btn1").bind('click',function(){
        layer.open({
            type:2,//弹出层的类型
            title:"高级检索",
            area:['460px','360px'],//弹出层大小
            shade:0,//设置遮罩
            offset:'auto',//设置遮罩的位置
            maxmin:true,
            //弹出层内容
            content :"/personnel/PerUserList-layer-index.html",
            btn:['确定','取消'],
            yes:function(index,layero){
                var body = layero.find('iframe').contents();
                var form = $(body).find('form').serialize();
                var userId = body.find("input[name=userId]").val();
                var consumption = body.find("input[name=consumption]").val();
                var studyDate = body.find("input[name=studyDate]").val();
                if(userId==""){
                    layer.msg("字段不能为空");
                }else if(consumption==""){
                    layer.msg("字段不能为空");
                }else if(studyDate==""){
                    layer.msg("字段不能为空");
                }else{
                    selIndexUserTab(form);
                    layer.close(layer.index);
                }
            },btn2:function(index,layero){

            }
        })
    })
    //点击搜索
    $("#indexBtn").bind('click',function(){
        selIndexUserTab()
    })
}
/**
 *  检索用户列表
 */
function selIndexUserTab(vals){
    var account = $("input[name=account]").val();
    var nickname = $("input[name=nickname]").val();
    var createTime = $("input[name=createTime]").val();
    vals+="&account="+account+"&nickname"+nickname+"createTime"+createTime;
    $.ajax({
        url:"/personnel/selUserTable",
        type:"post",
        dataType:"json",
        data:vals,
        success:function(item) {
            userTab(item);
        }
    })
}
function userTab(item){
    table.render({
        elem:"#userListTab",//容器
        title:"用户数据列表",
        limit:10,//分页显示条数
        width:1223,
        data:item,
        toolbar:true,
        page:{//自定义分页
            layout:['count','prev','page','next','limit','skip','refresh'],
            limits:[3,6,9],//分页选项
            first:"首页",
            last:"尾页",
        },
        cols:[[//定义列
            {type:'checkbox',align:'center',width:80},//复选框靠左
            {title:'序号',align:'center',templet:function(data){
                    return data.LAY_INDEX;
                }},
            {field:"userId",title:"用户ID",align:'center',width:120},
            {field:"account",title:"用户账号",align:'center',width:140},
            {field:"nickname",title:"用户昵称",align:'center',width:110},
            {field:"studyDate",title:"学习时长",align:'center',width:120},
            {field:"consumption",title:"用户消费总金额",align:'center',width:120},
            {field:"createTime",title:"账户注册时间",align:'center',width:163},
            {field:"status",title:"状态",align:'center',width:100,templet:function(data){
                    if(data.status==2){
                        return"<a style='display:inline-block;' onclick='checkswitch(\""+data.userId+"\",\""+data.account+"\")'><input type=\"checkbox\" disabled  checked lay-skin=\"switch\"  lay-filter='filter' lay-text='正常|停用'>"
                    }else if(data.status==3){
                        return"<a style='display:inline-block;' onclick='checkswitch(\""+data.userId+"\",\""+data.account+"\")'><input type=\"checkbox\" disabled  lay-skin=\"switch\" lay-filter='filter' lay-text='正常|停用'>"
                    }
                }},
            {field:"",title:"操作",align:'center',width:200,templet:function(data){
                    return "<a style='color:#009688;' onclick='selUser(\""+data.userId+"\");'>查看</a>   " +
                        "<a style='color:#009688;' onclick='updUser(\""+data.userId+"\");'>编译</a>   " +
                        "<a style='color:#009688;' onclick='checkswitchoff(\""+data.userId+"\",\""+data.account+"\",\""+data.status+"\")'>封停</a>  ";
                }}
        ]]
    });
}
/**
 * 查看用户详情信息
 */
function selUser(userId){
    $.ajax({
        url:"/personnel/selUserInfo",
        type:"post",
        dataType:"json",
        data:{"userId":userId},
        success:function(item) {
            showSelUserTab(item);
        }
    })
}
function showSelUserTab(item){
    var layer = layui.layer;
    layer.open({
        type:2,//弹出层的类型
        title:"用户信息",
        area:['1100px','650px'],//弹出层大小
        shade:0,//设置遮罩
        offset:'auto',//设置遮罩的位置
        maxmin:true,
        //弹出层内容
        content :"/personnel/PerUserList-layer-showSelUserTab.html",
        btn:['关闭','取消'],
        yes:function(index){
            layer.close(layer.index);
        },btn2:function(index){
            layer.close(layer.index);
        },success:function(layero,index){
            var obj = layero.find('iframe').contents();
            obj.find("input[name=account]").val(item.account);
            obj.find("input[name=nickname]").val(item.nickname);
            obj.find("input[name=userCode]").val(item.userCode);
            obj.find("input[name=studyDate]").val(item.studyDate+"分钟");
            obj.find("input[name=freestyle]").val(item.freestyle);
            obj.find("input[name=idCard]").val(item.idCard);
            obj.find("input[name=phone]").val(item.phone);
            if(item.sex==2){
                obj.find("input[name=sex]").val("男");
            }else if(item.sex==3){
                obj.find("input[name=sex]").val("女");
            }
            obj.find("input[name=email]").val(item.email);
            obj.find("input[name=consumption]").val(item.consumption+"元");
            obj.find("input[name=createTime]").val(item.createTime);
            obj.find("input[name=userId]").val(item.userId);
        }
    })
}
/**
 *  编译用户信息 ( 不能编译用户的学习时长  和 交易金额 以及 账号创建时间)
 */
function updUser(userId){
    $.ajax({
        url:"/personnel/selUserInfo",
        type:"post",
        dataType:"json",
        data:{"userId":userId},
        success:function(item) {
            updSelUserTab(item);
        }
    })
}
function updSelUserTab(item){
    var layer = layui.layer;
    layer.open({
        type:2,//弹出层的类型
        title:"用户信息",
        area:['1100px','650px'],//弹出层大小
        shade:0,//设置遮罩
        offset:'auto',//设置遮罩的位置
        maxmin:true,
        //弹出层内容
        content :"/personnel/PerUserList-layer-updSelUserTab.html",
        btn:['更改','取消'],
        yes:function(index,layero){
            var body = layero.find('iframe').contents();
            var form = $(body).find('form').serialize();
            var sex = body.find("input[name=sex]").val();
            if(sex=="男"){
                form+="&sex"+2;
                updSelUser(form);
            }else if(sex=="女"){
                form+="&sex"+3;
                updSelUser(form);
            }else{
                form+="&sex"+0;
                updSelUser(form);
            }
            layer.close(layer.index);
        },btn2:function(){

        },success:function(layero,index){
            var obj = layero.find('iframe').contents();
            obj.find("input[name=account]").val(item.account);
            obj.find("input[name=nickname]").val(item.nickname);
            obj.find("input[name=userCode]").val(item.userCode);
            obj.find("input[name=studyDate]").val(item.studyDate+"分钟     （不可修改）");
            obj.find("input[name=freestyle]").val(item.freestyle);
            obj.find("input[name=idCard]").val(item.idCard);
            obj.find("input[name=phone]").val(item.phone);
            if(item.sex==2){
                obj.find("input[name=sex]").val("男");
            }else if(item.sex==3){
                obj.find("input[name=sex]").val("女");
            }
            obj.find("input[name=email]").val(item.email);
            obj.find("input[name=consumption]").val(item.consumption+"元     （不可修改）");
            obj.find("input[name=createTime]").val(item.createTime+"     （不可修改）");
            obj.find("input[name=userId]").val(item.userId);
        }
    })
}
function updSelUser(vals){
    $.ajax({
        url:"/personnel/updSelUser",
        type:"post",
        dataType:"json",
        data:vals,
        success:function(item) {
            if(item){
                selIndexUserTab();
                layer.msg("编译成功")
            }else{
                layer.msg("编译失败")
            }
        }
    })
}
/**
 *  管理停用开关
 */
function checkswitchoff(userId,account,sta){
    if(sta==3){
        layer.msg("账户已经停用");
    }else{
        layer.open({
            type:2,//弹出层的类型
            title:"封停用户",
            area:['550px','400px'],//弹出层大小
            shade:0,//设置遮罩
            offset:'auto',//设置遮罩的位置
            maxmin:true,
            //弹出层内容
            content :"/personnel/PerUserList-layer-checkswitchoff.html",
            success:function(layero,index){
                //查找当前引入的iframe的内容
                var obj = layero.find('iframe').contents();
                obj.find("input[name=userId]").val(userId);
                obj.find("input[name=account]").val(account);
            },
            btn:['确定','取消'],
            yes:function(index,layero){
                var body = layero.find('iframe').contents();
                var form = $(body).find('form').serialize();
                addClosure(form);
                layer.close(layer.index);
            },btn2:function(index,layero){

            }
        })
    }
}
function addClosure(vals){
    //更改用户状态 为3（停用）
    //添加停用日志  和添加停用的用户
    vals+="&type="+2
    $.ajax({
        url:"/personnel/addClosure",
        type:"post",
        dataType:"json",
        data:vals,
        success:function(data){
            if(data){
                layer.msg("封停成功");
                selIndexUserTab();
            }else{
                layer.msg("封停失败");
                selIndexUserTab();
            }
        }
    })
}